<!DOCTYPE html>
<html lang="ch">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>课程详情</title>
</head>

<body>
  <!--  视频图片 -->
  <div class="poster">
    <img alt="" id="posterImg" class="posterimg">
    <i class="iconfont iconicon_play"></i>
    <i class="iconfont iconleftarrow"></i>
  </div>

  <!-- 信息 -->
  <div class="info">
    <h4 class="titname" id="titName">标题xxxx</h4>
    <div class="info-content">
      <p><span class="calorie" id="calorie">--</span>千卡</p>
      <p><span class="time" id="time">--</span>分钟</p>
      <div class="num-wrapper">
        <span class="peoplenum" id="peopleNum">--</span>万人练过
        <i class="iconfont iconarrow-right"></i>
      </div>
    </div>
  </div>

  <!-- 描述 -->
  <div class="desc-wrapper">
    <div class="desc" id="desc">这是练习---</div>
    <div class="info-wrapper dpflex">
      <div class="flex1">
        <h6 class="tit"><i class="iconfont iconpinci"></i>练习频次</h6>
        <span class="text">每周 <span id="frequency"></span>次</span>
      </div>
      <div class="flex1">
        <h6 class="tit"><i class="iconfont iconqixieshebei
"></i>器械</h6>
        <span id="type">无</span>
      </div>
    </div>
  </div>

  <!-- 开始训练按钮 -->
  <input type="button" value="开始训练" id="startBtn" class="startBtn cotainer">
</body>

</html>